<script type="text/javascript">
    option = {
        tooltip : {
            formatter: "{c}%"
        },
        series : [
            {
                name:'CPU使用率',
                type:'gauge',
                detail : {formatter:'{value}%'},
                data:[{value: "{{ cluster.usage_cpu }}", name: ''}]
            }
        ],
        legend: {  
                show: false,  
                x: '240px',  
                y: '240px',  
                data: ['存储总量:100 G'] , 
                backgroundColor:'rgba(0,0,0,0)',
                selectedMode:'single'
            },  
    };
    
    var myCPUChart;
//    var domCPUMain = document.getElementById('cpu_gauge');
//    myCPUChart = echarts.init(domCPUMain, 'macarons')
//    myCPUChart.setOption(option, true)
/*$('#indicatorCpu').radialIndicator({
    barColor: {
        0: '#33CC33',
        79: '#33CC33',
        80: '#FF0000',
        100: '#FF0000',
    },
    barWidth: 6,
    initValue: {{ cluster.usage_cpu |default(0, True) }},
    percentage: true
});*/

</script>
             <!-- panel-body -->
<!--<div class="panel-heading"><b>CPU</b></div>-->
<!--<div class="panel-body n_panel-body">
<div id="indicatorCpu" class="Volume_utilization">
</div>
<div class="Volume_value">
    <p>[[ 'average usage'|translate ]]</p>
</div>
</div>-->
<!--
<div class="panel-heading"><b>CPU使用率</b></div>
<div class="panel-body" style="position:relative">
<div style="position:absolute;top:220px;left:120px">总量:<span> {{ cluster.cpu_frequency }} </span>MHz</div>
<div id="cpu_gauge" style="height:268px;"></div>
</div>
-->
